<template>
  <div class="app-container">
    <tip-box :content="content" type="danger"></tip-box>
    <el-button icon="arrow-left" class="pan-back-btn" @click="back">回到首页</el-button>
  </div>
</template>

<script>
import TipBox from '@/components/TipBox'

export default {
  name: 'page404',
  components: { TipBox },
  data() {
    return {
      content: '您要访问的页面不存在，或者您没有权限访问。',
    }
  },
  created() {},
  methods: {
    back() {
      this.$router.push({ path: '/' }).catch(() => {})
    },
  },
}
</script>
